﻿html{width:100%;overflow-x: hidden;}
*{-webkit-tap-highlight-color:rgba(0,0,0,0);}
.term_btn_box span.product-box {padding:0;}
.product-list {width: 100%;}
.product-list .product-href {display:block;border-bottom:1px solid #f0f0f0;padding-top:10px;}
.product-list .product-href{width: 100%;}
.product-list:last-child div{border:none;}
.product-parameter {display: table-cell;vertical-align: middle; padding-left:14px;}
#inventory .product-parameter{display: block;width: 100%;}
.product-list .product-href b a {color:#f60;text-decoration:underline;}
.cert-type {color:#f60;}
.product-parameter h3 {color:#0b5832;font-size:1.4rem;font-weight:normal;height:22px;line-height:22px;}
.product-parameter h3 b {font-weight:normal;margin-right:15px;font-size:14px;color:#03a354;}   
.product-list span{font-size:14px;display:inline-block;color:#666;vertical-align:central;min-height:24px;height: auto;width:100%;}
#parcels .product-list span{display: block;}
.product-list span i {display:inline-block;width:38px;overflow:hidden;text-overflow:ellipsis;font-style:normal;font-size:14px;white-space:nowrap;vertical-align:text-bottom;}
.product-list span.blue_word { color:#041c8f;}
.product-list span.blue_word b { color:#041c8f;}
.product-list div {display:inline-block;float:left;}
#inventory .product-list div {width: 100%;}
#parcels .product-list .product-parameter div{width: 100%;box-sizing: border-box;}
#parcels .product-price  div{width: 100%;}
.product-list span b {color:#b5b5b5;font-weight:normal;}
.product-list .supplier_detail {background-color:#f0f0f0;height:auto;width:100%;overflow:hidden;padding:0px 3px 14px 8px;margin-top:6px;display:none;}

.product-list .other_detail{display:none;}
.show{display:inline-block;}
.product-list .supplier_detail span i {width:42px;text-align:right;}
.show_dealer_btn,.contact_stock_btn{width:66px;height:24px;line-height:24px;display:inline-block;text-align:center;color:#fff;background-color:rgba(0,0,0,.8);margin:5px auto;}
a.contact_stock_btn{margin-left: 10px;color: #fff;}
.term_btn {width:56px;height:32px;background-color:rgba(0,0,0,0.8);display:inline-block;color:#fff;font-size:14px;position:fixed;top:14px;right:14px;z-index:7;
						line-height:32px;text-align:center;color: #fff;}
.hide_term_btn {background-color:rgba(0,0,0,0.8);display:none;}

/*筛选框*/
.term_page {display:none;position:fixed;left:0;top:0px;width:100%;height:100%;background-color:#fff;z-index: 4;padding-bottom: 44px;}
.term_header {height:60px;width:100%;background-color:#61d19a;position:fixed;top:0;left:0;z-index:4;text-align:center;line-height:60px;color:#fff;font-size:18px;}
.change_stock_color span{width:56px;height:24px;display:inline-block;background-color:#b5b5b5;color:#fff;text-align:center;line-height:24px;}
.change_stock_color span a {display:inline-block; width:100%;height:100%;color:#fff;}
.change_stock_color span.active {background-color:#fa0;}
.term-box {width:100%;height:100%;/*box-sizing:border-box;*/padding: 0 1%;padding-bottom: 10px;
overflow:auto;z-index:3;box-sizing: border-box;}
.fancy-term {display:none;}
.term-box div h4 {font-weight:normal;font-size:11px;color:#333;}
.term span {display:inline-block;background-color:#f5f5f5;color:#909090;text-align:center;margin-top:5px;font-size:14px;padding:3px;float:left;box-sizing: border-box;}
.term span.active {background-color:#0099ff;color:#fff;}
.term-box .shape span {height:38px;display:inline-block;float:left;background-color:#fff;}
.term-box .shape span.active {background-color:#0099ff;}
.shape span em {display:block;height:38px;margin:0 auto;background-repeat: no-repeat;background-size: 100%;}
/*圆形*/
.shape span .round{background-image:url(../Images/shape/shape_svg/y0.svg);}
.shape span.active .round {background-image:url(../Images/shape/shape_svg/y0_p.svg);}
/*椭圆形*/
.shape span .oval {background-image:url(../Images/shape/shape_svg/ty0.svg);}
.shape span.active .oval {background-image:url(../Images/shape/shape_svg/ty0_p.svg);}
/*公主方*/
.shape span .princess {background-image:url(../Images/shape/shape_svg/gzf0.svg);}
.shape span.active .princess {background-image:url(../Images/shape/shape_svg/gzf0_p.svg);}
/*长祖母绿*/
.shape span .emerald {background-image:url(../Images/shape/shape_svg/zml0.svg);}
.shape span.active .emerald{background-image:url(../Images/shape/shape_svg/zml0_p.svg);}
/*方祖母绿*/
.shape span .square-emerald {background-image:url(../Images/shape/shape_svg/zml01.svg);}
.shape span.active .square-emerald{background-image:url(../Images/shape/shape_svg/zml01_p.svg);}
/*长雷迪恩*/
.shape span .radiant {background-image:url(../Images/shape/shape_svg/lde0.svg);}
.shape span.active .radiant{background-image:url(../Images/shape/shape_svg/lde0_p.svg);}
/*方雷迪恩*/
.shape span .square-radiant {background-image:url(../Images/shape/shape_svg/lde01.svg);}
.shape span.active .square-radiant{background-image:url(../Images/shape/shape_svg/lde01_p.svg);}
/*梨形*/
.shape span .pear {background-image:url(../Images/shape/shape_svg/l0.svg);}
.shape span.active .pear {background-image:url(../Images/shape/shape_svg/l0_p.svg);}
/*马眼形*/
.shape span .marquise {background-image:url(../Images/shape/shape_svg/my0.svg);}
.shape span.active .marquise {background-image:url(../Images/shape/shape_svg/my0_p.svg);}
/*心形*/
.shape span .heart {background-image:url(../Images/shape/shape_svg/h0.svg);}
.shape span.active .heart {background-image:url(../Images/shape/shape_svg/h0_p.svg);}
/*三角形*/
.shape span .triangle {background-image:url(../Images/shape/shape_svg/s0.svg);}
.shape span.active .triangle{background-image:url(../Images/shape/shape_svg/s0_p.svg);}
/*垫形*/
.shape span .cushion {background-image:url(../Images/shape/shape_svg/d0.svg);}
.shape span.active .cushion {background-image:url(../Images/shape/shape_svg/d0_p.svg);}
/*梯形*/
.shape span .trapezoid {background-image:url(../Images/shape/shape_svg/t0.svg);}
.shape span.active .trapezoid {background-image:url(../Images/shape/shape_svg/t0_p.svg);}
/*直方形*/
.shape span .square{background-image:url(../Images/shape/shape_svg/zf0.svg);}
.shape span.active .square{background-image:url(../Images/shape/shape_svg/zf0_p.svg);}
/*正方形*/
.shape span .rectangle{background-image:url(../Images/shape/shape_svg/zhengf0.svg);}
.shape span.active .rectangle{background-image:url(../Images/shape/shape_svg/zhengf0_p.svg);}
/*组合形*/
.shape span .composite{background-image:url(../Images/shape/shape_svg/zh0.svg);}
.shape span.active .composite{background-image:url(../Images/shape/shape_svg/zh0_p.svg);}
/*其他*/
.shape span .other {background-image:url(../Images/shape/shape_svg/o0.svg);}
.shape span.active .other{background-image:url(../Images/shape/shape_svg/o0_p.svg);}
.gems_type span{min-width: 56px;width:auto;padding:0 3px;height: 24px;display: inline-block;background-color: #b5b5b5;color: #fff;
text-align: center;line-height: 24px;margin:4px 0;font-size: 14px;}
.gems_type span.active{background-color: #0099ff;}
.gems_type span{float: left; margin-right:10px;}



.rate_box {display: inline-block;margin-left: 20px;}
i.domestic_tax_point {font-style: normal;margin-left: 10px;}
i.domestic_tax_point {font-style: normal;margin-left: 10px;}
.quick_choose{clear: both;padding-top: 10px;}
.quick_choose span {width: 15%;display: inline-block;height: 24px;background-color: #f5f5f5;color: #909090;text-align: center;line-height: 26px;
    margin-top: 5px;font-size: 0.65rem;}
.quick_choose span.active{background-color:#0099ff;color:#fff;}
.term-box .term {padding-top:10px;clear: both;}
.term-box .term h4 {display:block;}
.more-term-btn {/*border:1px solid #00a85f;*/ height:30px;width:116px;margin:10px auto; /*color:#00a85f;*/ padding:0 10px;font-size:1.4rem;text-align:center;line-height:30px;border-radius:4px;}
.more-term-box {display:none;}
.more-term-box .fluorescence span {width:13%;}
.term input ,.term select{width:85%;height:30px;padding:5px 2px;padding-left:5px;border:1px solid #b5b5b5;box-sizing:border-box;margin-top:10px;}
.term_btn_box {position:relative;width:100%;height:40px;font-size:0.4rem;line-height:40px;text-align:center;/*background-color:#61d19a;*/color:#fff;
left:0;bottom:0;z-index:4;box-sizing: border-box;padding-top:15px;margin-bottom: 10px;}
.term_btn_box span {width:50%;display:inline-block;float:left;color: #fff;box-sizing: border-box;    background-color: #61d19a;}
.term_btn_box .reset_term_btn {border-right:1px solid #fff;}
.term_btn_box span:last-child{color: #fff;}
.quick_select span{width: 20%;display: inline-block;height: 24px;background-color: #f5f5f5;color: #909090;text-align: center;line-height: 26px;
    margin-top: 8px;font-size: 14px;padding: 0 3px;box-sizing: border-box;}
.quick_select span.active{background-color:#0099ff;color:#fff;}
.quick_select{margin: 10px 0px;} 
.term-btn{width:100%;position: fixed;bottom: 0;left: 0;/*background-color: #00a85f;*/color: #fff;text-align: center;height: 40px;line-height: 40px;
font-size: 0.4rem;}
.confirm_btn{display: block;width: 100%;text-align: center;height: 100%;/*background-color: #00a85f;*/color: #fff;line-height: 44px;font-size: 0.8rem;}
 /*加载中*/
.load_ing {position:fixed;top:48%;text-align:center;width:100%;height:35px;display:none;}
.load_ing img{display:inline-block;padding-right:50px;}
.load_ing em {font-style:normal;font-size:1.4rem;color:#666;position:absolute;margin-left:-40px;line-height:35px;}
.weight-input {height:30px;margin:0px auto;width:70%;padding-top: 14px;clear: both;}
.weight-input input {width:45%;height:30px;padding:5px 2px;box-sizing:border-box;border:1px solid #b5b5b5;}

    /*省市插件*/
#city { width:100%;}
#city ul {width:100%;border-bottom:2px dashed #ccc;float:left;padding: 5px;}
#city li{background-color:#f5f5f5;text-align:center;float:left;/*width:70px;*/margin:3px;padding:3px 8px;list-style:none;cursor:pointer;color:#555;}
#city .cur {background-color:#fa0;color:#fff;}
/*省市插件 end*/
.pop_dealer_info {cursor:pointer;font-size: 14px;}
.dealer_bgbox {background:rgba(0,0,0,0.5);z-index:1111;width:100%;height:100%;position:fixed;left:0;top:0px;display:none;}
.dealer_info_box {width:100%;background-color:#fff;box-sizing:border-box;height:100%;overflow:auto;}
.dealer_info_box h4 {text-align:center;background-color:#61d19a;height:60px;line-height:60px;position:fixed;top:0px;margin:0 auto;width:100%; color:#fff;z-index: 13;}
.dealer_info_box h4 .close_dealerbox {width:56px;height:32px;background-color:rgba(0,0,0,0.8);display:inline-block;color:#fff;font-size:14px;position:fixed;top:14px;right:14px;
			z-index:7;line-height:32px;text-align:center;}
.dealer_info{padding-top: 62px;}
.dealer_list {width:100%;border-bottom:1px solid #b1b1b1;padding:10px 2px 10px 14px;}
.dealer_list span {padding:3px;display:inline-block;}
.dealer_list span i {font-style:normal;color:#666;font-weight:normal;}
.dealer_list span b,.dealer_list span b a {font-weight:normal;color:#b5b5b5;}

/*经销商信息弹框end*/


/*统包货*/
.product-img {border-radius: 100%;display: table-cell;vertical-align: middle;width: 19%;padding-left: 8px;padding-bottom: 8px;}
#parcels .product-list .supplier_detail {padding-left:19%;}
.product-img img {width:100%;vertical-align:middle;}
#parcels .product-list span i {width:42px;text-align:left;}
.p-weight span{width: 15%;display: inline-block;height: 24px;background-color: #f5f5f5;color: #909090;text-align: center;line-height: 26px;margin-top: 5px;font-size: 1.3rem;}
.p-weight span.active { color:#fff;background-color:#fa0;}
.p-weight .weight-input {margin-top:10px;}
.p-weight .weight-input input {width: 45%;height: 30px;padding: 5px 2px; box-sizing: border-box;border: 1px solid #b5b5b5;}
@media (min-width: 375px) and (max-width: 1200px) {
    .product-img {border-radius: 100%;display: table-cell;vertical-align: middle;width: 30%;padding-left: 8px;padding-bottom: 8px;
    }
    #parcels .product-list .supplier_detail {padding-left:30%;}
}
.product-list .edit_btn {display:block;height:30px;padding-left:40% ;}
.edit_btn a {margin-right:20px;}
.term span{margin-right:1%;font-size: 12px;width:13%;}
.term-box .shape span{width:13%;}
@media (min-width: 1201px){
	.term-box .shape span{height: 158px;}
	.shape span em{height: 150px;}
}
@media (min-width: 1001px) and (max-width: 1200px) {
	.term-box .shape span{height: 118px;}
	.shape span em{height: 110px;}
}
@media (min-width: 501px) and (max-width: 1000px) {
	.term-box .shape span{height: 90px;}
	.shape span em{height: 82px;}
}
@media (min-width: 376px) and (max-width: 500px) {
	.term-box .shape span{height: 48px;}
	.shape span em{height: 48px;}
}
@media (min-width: 321px) and (max-width: 375px) {	
	.term-box .shape span{height: 44px;}
	.shape span em{height: 38px;}
}
@media (max-width: 320px){
	.term-box .shape span{height: 40px;}
	.shape span em{height: 36px;}
}